/*边距相关*/
.dc-m-x-10px {
    margin: 0 10px;
}

.dc-m-x-5px {
    margin: 0 5px;
}

.dc-m-x-15px {
    margin: 0 15px;
}

.dc-m-x-20px {
    margin: 0 20px;
}

.dc-m-x-25px {
    margin: 0 25px;
}

.dc-m-x-30px {
    margin: 0 30px;
}
.dc-m-y-20px {
    margin: 20px 0;
}
.dc-m-r-5px {
    margin-right: 5px;
}

.dc-m-l-5px {
    margin-left: 5px;
}

.dc-m-l-10px {
    margin-left: 10px;
}

.dc-m-t-10px {
    margin-top: 10px;
}

.dc-m-t-5px {
    margin-top: 5px;
}

.dc-m-b-5px {
    margin-bottom: 5px;
}

.dc-m-b-10px {
    margin-bottom: 10px;
}

.dc-m-b-15px {
    margin-bottom: 15px;
}

.dc-m-b-20px {
    margin-bottom: 20px;
}

.dc-m-r-10px {
    margin-right: 10px;
}

.dc-p-10px {
    padding: 10px;
}
.dc-p-5px {
    padding: 5px;
}

.dc-p-20px {
    padding: 20px;
}

/*文本相关*/

.dc-text-12px {
    font-size: 12px;
}

.dc-text-14px {
    font-size: 14px;
}

.dc-text-16px {
    font-size: 16px;
}

.dc-text-18px {
    font-size: 18px;
}

.dc-text-20px {
    font-size: 20px;
}

.dc-text-weight-600 {
    font-weight: 600;
}

.dc-text-center {
    text-align: center;
}

.dc-text-right {
    text-align: right;
}

.dc-text-left {
    text-align: left;
}

/*宽高*/
.dc-w-100 {
    width: 100%;
}

.dc-h-100{
   height: 100%;
}

.dc-min-width-100px {
    min-width: 100px;
}

.dc-min-width-200px {
    min-width: 200px;
}

.dc-max-width-100px {
    max-width: 100px;
}

.dc-max-width-200px {
    max-width: 200px;
}


/*布局相关*/


.dc-inline-block {
    display: inline-block;
}

.dc-flex {
    display: flex;
}

.dc-flex-col {
    flex-direction: column;
}

.dc-flex-row {
    flex-direction: row;
}

.dc-justify-content-center {
    justify-content: center;
}

.dc-align-items-center {
    align-items: center;
}

.dc-flex-center {
    justify-content: center;
    align-items: center;
}

.dc-flex-1 {
    flex: 1;
}

.dc-flex-2 {
    flex: 2;
}

.dc-flex-3 {
    flex: 3;
}

.dc-flex-4 {
    flex: 4;
}

.dc-flex-5 {
    flex: 5;
}


.dc-cursor-pointer {
    cursor: pointer;
}


.dc-bg-fff {
    background: #ffffff;
}

.dc-text-hidden-1 {
    overflow: hidden; /* 隐藏超出容器的内容 */
    white-space: nowrap; /* 设置文本不换行 */
    text-overflow: ellipsis; /* 显示省略号 */
}

.dc-text-hidden-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}


